<template>
  <div class=" result">
    <div class="title">
      查询结果通知栏
    </div>
    <div class="name">姓名:</div>
    <input type="text" placeholder="请输入姓名" class="nameInput">
    <div class="name">违章车牌号:</div>
    <input type="text" placeholder="请输入违章车牌号" class="nameInput">
    <div class="name">违章地点:</div>
    <input type="text" placeholder="请输入违章地点" class="nameInput">
    <div class="mesBox">
     <div class="mesTitle">违章原因详情:</div>
      <div class="content">
        彭德政驾驶粤CMF991,在机场路供北口岸来魅力酒店门口,不遵守机场运营秩序.
      </div>
    </div>
    <div class="moreDetail">
      * 如对查询结果有任何疑问，请到单位窗口咨询.
    </div>
  </div>
</template>
<script>
  export default {
    name: "result",
  }
</script>
<style scoped type="text/css">
  .title {
    text-align: center;
    font-size: .5rem;
    margin: .8rem 0;
  }

  .moreDetail {
    text-align: center;
    color: red;
    font-size: .3rem;
    margin: 1rem 0;
  }

  .name {
    font-size: .3rem;
    padding-left: .3rem;
    margin-top: .3rem;

  }

  .nameInput {
    width: 6rem;
    height: .3rem;
    border-radius: .22rem;
    margin: 0 .3rem;
    padding: .25rem;
    color: black;
    border: 1px solid #ccc;
  }
.mesBox{
  width: 5rem;
  height: 3rem;
  border: 3px solid #ccc;
  margin: 1rem auto;
  border-radius: .2rem;
  font-size: .4rem;

}
  .mesTitle{
    text-align: center;
    margin-top: .3rem
  }
  .content{
    padding: 0 .3rem;
    margin-top: .3rem;
    color: red;
    font-size: .3rem;
    line-height: .5rem;
  }

</style>
